<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://displaytag.sf.net/el" prefix="display"%>
<%@ taglib uri="/WEB-INF/config/tld/fmt.tld" prefix="fmt" %>
<%@ taglib uri="http://ssh.org/selects" prefix="ssh"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
String applicationPath = basePath + "/" + "application";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="<%=path%>/css/jinmu_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="<%=path%>/js/util.js"></script>
		<script type='text/javascript' src='<%=path%>/frame/orgSelect/js/ajaxInitSelect.js'></script>
<script language="javascript" src="<%=path%>/js/SyncCommon.js"></script>
<style type="text/css">
         .box {
         /*非IE的主流浏览器识别的垂直居中的方法*/
         display: table-cell;
         vertical-align:middle;

         /*设置水平居中*/
         text-align:center;

         /* 针对IE的Hack */
         *display: block;
         *font-size: 14px;/*约为高度的0.873，200*0.873 约为175*/
         *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

       
         
        
        }
        .box img {
         /*设置图片垂直居中*/
         vertical-align:middle;
         cursor:pointer;
        }
        </style>
</head>
<body>
<html:form styleId="yfProjectForm" action="updateYfProject.do?method=updateYfProject" onsubmit="return save();">
<input type="hidden" id="id" name="id" value="${yfProjectNode.projectId}"/> 
<table cellspacing="0" cellpadding="0" width="98%" align="center"  border="0" class="margtb5">
		    <tr>
		      <td align="left" class="padl5 lan12"><img src="<%=path%>/images/img-11.gif" width="12" height="12">项目管理 &gt; 项目节点状态</td>
		    </tr>
       </table>
        	<p>
        <table cellspacing="1" cellpadding="0" width="98%" align="center"  border="0" >
          <tr class="bgcolor">
              <td align="left" >
                  <img width="20" height="20" src="<%=path%>/images/status/1.jpg"/> <font size="3">未进行</font>
                  &nbsp; &nbsp; &nbsp;
                  <img width="20" height="20" src="<%=path%>/images/status/2.jpg"/> <font size="3">正在进行</font>
                   &nbsp; &nbsp; &nbsp;
                  <img width="20" height="20" src="<%=path%>/images/status/3.jpg"/> <font size="3">已进行</font>
                  <!-- 
                   &nbsp; &nbsp; &nbsp;
                  <img width="20" height="20" src="<%=path%>/images/status/4.jpg"/> <font size="3">已进行</font>
                   -->
              </td>
		  </tr> 
		  </table>
       	<p><p><p> <br/><br/>
       	   <table>
       	    <tr>
       	       <td width="40"></td>
       	       <td><font size="3">项目编号：${yfProject.projectNo}</font></td>
       	    </tr>
       	  <tr>
       	       <td width="40"></td>
       	       <td><font size="3">项目名称：${yfProject.projectName}</font></td>
       	    </tr>
       	  </table>
       	
       	<br/><br/><br/><br/>

       	  <table width="100%">
       	     <tr>
       	     <td width="40"></td>
       	        <td width="60">
       	         <div class="box" onclick="modifyStatus('1','${yfProjectNode.node1}');">
                      <img src="<%=path%>/images/status/${yfProjectNode.node1}.jpg"/><br /><br />发起项目
                  </div>
       	        </td>
       	        <td width="5" valign="middle"> <img src="<%=path%>/images/status/5.jpg"/></td>
       	        <td width="60">
       	          <div class="box" onclick="modifyStatus('2','${yfProjectNode.node2}');">
                     <img src="<%=path%>/images/status/${yfProjectNode.node2}.jpg"/><br /><br />项目调研
                  </div>
       	        </td>
       	        <td width="5" valign="middle"> <img src="<%=path%>/images/status/5.jpg"/></td>
       	        <td width="60">
       	          <div class="box" onclick="modifyStatus('3','${yfProjectNode.node3}');">
                     <img src="<%=path%>/images/status/${yfProjectNode.node3}.jpg"/><br /><br />项目立项
                  </div>
       	        </td>
       	         <td width="5" valign="middle"> <img src="<%=path%>/images/status/5.jpg"/></td>
       	        <td width="60">
       	          <div class="box" onclick="modifyStatus('4','${yfProjectNode.node4}');">
                     <img src="<%=path%>/images/status/${yfProjectNode.node4}.jpg"/><br /><br />项目计划
                  </div>
       	        </td>
       	         <td width="5" valign="middle"> <img src="<%=path%>/images/status/5.jpg"/></td>
       	        <td width="60">
       	          <div class="box" onclick="modifyStatus('5','${yfProjectNode.node5}');">
                     <img src="<%=path%>/images/status/${yfProjectNode.node5}.jpg"/><br /><br />概要设计
                  </div>
       	        </td>
       	         <td width="5" valign="middle"> <img src="<%=path%>/images/status/5.jpg"/></td>
       	        <td width="60">
       	          <div class="box" onclick="modifyStatus('6','${yfProjectNode.node6}');">
                     <img src="<%=path%>/images/status/${yfProjectNode.node6}.jpg"/><br /><br />详细设计
                  </div>
       	        </td>
       	         <td width="5" valign="middle"> <img src="<%=path%>/images/status/5.jpg"/></td>
       	        <td width="60">
       	          <div class="box" onclick="modifyStatus('7','${yfProjectNode.node7}');">
                     <img src="<%=path%>/images/status/${yfProjectNode.node7}.jpg"/><br /><br />开发实施
                  </div>
       	        </td>
       	         <td width="5" valign="middle"> <img src="<%=path%>/images/status/5.jpg"/></td>
       	        <td width="60">
       	          <div class="box" onclick="modifyStatus('8','${yfProjectNode.node8}');">
                     <img src="<%=path%>/images/status/${yfProjectNode.node8}.jpg"/><br /><br />中试
                  </div>
       	        </td>
       	          <td width="5" valign="middle"> <img src="<%=path%>/images/status/5.jpg"/></td>
       	        <td width="60">
       	          <div class="box" onclick="modifyStatus('9','${yfProjectNode.node9}');">
                     <img src="<%=path%>/images/status/${yfProjectNode.node9}.jpg"/><br /><br />项目验收
                  </div>
       	        </td>
       	          <td width="5" valign="middle"> <img src="<%=path%>/images/status/5.jpg"/></td>
       	        <td width="60">
       	          <div class="box" onclick="modifyStatus('10','${yfProjectNode.node10}');">
                     <img src="<%=path%>/images/status/${yfProjectNode.node10}.jpg"/><br /><br />产品化
                  </div>
       	        </td>
       	     </tr>
       	  </table>
                  
             
    
		<p><p><p><br/><br/><br/><br/>
       
             <table width="98%" align="center" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center">
  
		  <input class="buttonbg" style="cursor:hand;" id="but_return" type="button" value="<bean:message key='com.syc.common.yfmanager.return' bundle="yfmanager"/>" name="but_return" onClick="goback();"/>
  </tr>
</table>
</html:form>
</body>
</html>


<script>

function modifyStatus(nodeName,nodeStatus){
    var opid = '${yfProject.projectManager}';
     var currentid = '${loginUser.id}';
	    if(opid != currentid){
	           alert("只能修改自己为项目经理的记录！");
	           return;
	    }
	 var id = $("id").value;
    var url = "toUpdateYfProject.do?method=toModifyNodeStatus&nodeName="+ nodeName +"&nodeStatus="+ nodeStatus +"&id="+ id +"&random=" + new Date();
	var searchWin = window.showModalDialog(url,window,"help:no;scroll:yes;resizable:no;status:0;dialogWidth:400px;dialogHeight:250px;center:yes" ); 	
    //alert(nodeName);
}



function goback(){
    $('id').value="";
   	document.forms[0].action="listYfProject.do?method=nodeStatusList";
	document.forms[0].submit();
}
</script>





